﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Página principal
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript" src="../../Recursos/js/jquery/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="../../Recursos/js/mvc/MicrosoftAjax.debug.js"></script>
    <script type="text/javascript" src="../../Recursos/js/mvc/MicrosoftMvcAjax.debug.js"></script>
    <script type="text/javascript" src="../../Recursos/js/jquery/grid.locale-sp.js"></script>
    <script type="text/javascript" src="../../Recursos/js/jquery/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" src="../../Recursos/js/jquery/jquery-ui-1.7.2.custom.min.js"></script>
    <script type="text/javascript" src="../../Recursos/js/jquery/ui.datepicker-es.min.js"></script>
    <script type="text/javascript" src="../../Recursos/js/jquery/jquery.validate.min.js"></script>
    <script type="text/javascript" src="../../Recursos/js/jquery/messages_es.js"></script>
    <script type="text/javascript" src="../../Recursos/js/jquery/jquery.autocomplete.js"></script>
    <script type="text/javascript" src="../../Recursos/js/jquery/jquery.tooltip.js"></script>
    <script type="text/javascript" src="../../Recursos/js/jquery/jquery.jcarousel.js"></script>
    <script type="text/javascript" src="../../Recursos/js/jquery/jquery.alerts.js"></script>
    <!--<script type="text/javascript" src="../../Recursos/js/dssp.js"></script>    -->
    <script type="text/javascript" src="../../Recursos/js/controles.js"></script>
    <link href="../../Recursos/estilo/estilosjquery/jquery.tooltip.css" rel="stylesheet"
        type="text/css" />
    <link href="../../Recursos/estilo/estilosjquery/jquery.autocomplete.css" rel="stylesheet"
        type="text/css" />
    <link href="../../Recursos/estilo/estilosjquery/ui.jqgrid.css" rel="stylesheet" type="text/css"
        media="screen" />
    <link href="../../Recursos/estilo/estilosjquery/ui-lightness/jquery-ui-1.7.2.custom.css"
        type="text/css" rel="stylesheet" />
    <link href="../../Recursos/estilo/estilosjquery/skins/tango/skin.css" rel="stylesheet"
        type="text/css" />
    <link href="../../Recursos/estilo/estilosjquery/jquery.alerts.css" rel="stylesheet"
        type="text/css" />
    <script language="javascript">
        jQuery(document).ready(function () {
            jQuery("#paso2").hide();
            jQuery("#btnImprimir").hide();
            jQuery("#idFecha").change(function () {
                jQuery.ajax({
                    url: 'CargarHoras'
				, data: "fecha=" + jQuery("#idFecha").val()
				, type: 'POST'
				, dateType: 'json'
				, success: function (data) {
				    var arreglo = eval(data);
				    var options = '';

				    for (var i = 0; i < arreglo.length; i++) {
				        options += '<option value="' + arreglo[i].id + '">' + arreglo[i].nombre + '</option>';
				    }
				    jQuery("#idHora").html(options);
				}
                });
            });

            jQuery("#btnConfirmar").unbind().click(function () {

                jQuery.ajax({
                    url: 'Confirmar',
                    data: "fecha=" + jQuery("#idFecha").val() + "&hora=" + jQuery("#idHora").val(),
                    type: 'POST',
                    dataType: 'json',
                    success: function (data) {
                        var resultado = eval(data);
                        if (resultado.ok) {
                            jQuery("#paso2").show();
                            jQuery("#paso1").hide();
                            jQuery("#btnAnterior").hide();
                            jQuery("#btnConfirmar").hide();
                            jQuery("#btnImprimir").show();
                            jQuery("#spTipoTramite").html(resultado.solicitante.TipoTramite);
                            jQuery("#spTipoNumeroDocumento").html(resultado.solicitante.TipoDocumento + " " + resultado.solicitante.NroDocumento);
                            if (resultado.solicitante.Sexo == "M")
                                jQuery("#spSexo").html("Masculino");
                            else
                                jQuery("#spSexo").html("Femenino");
                            jQuery("#spApellidoNombre").html(resultado.solicitante.ApeyNom);
                            jQuery("#spEmail").html(resultado.solicitante.Email);
                            jQuery("#spVto").html(resultado.solicitante.FechaVto);
                            jQuery("#spFecha").html(resultado.solicitante.Fecha);
                            jQuery("#spHora").html(resultado.solicitante.Hora);

                        } else
                            jAlert(resultado.msg, 'Error', function () { });
                    }
                });
            });

            jQuery("#btnAnterior").click(function () {
                document.location.href = "DatosSolicitante";
            });

            jQuery("#btnImprimir").click(function () {
                jQuery("#btnImprimir").hide();
                window.print();
                jQuery("#btnImprimir").show();
            });

        });
    </script>
    <form id="form1" runat="server">
    <h2>
        <%: ViewData["Message"] %></h2>
    <div id="contenido">
        <div id="paso1">
            <ul>
                <li>Seleccione una fecha válida:</li>
                <li>
                    <%=Html.DropDownList("idFecha", ViewData["idFecha"] as SelectList)%>
                    <%=Html.DropDownList("idHora", ViewData["idHora"] as SelectList)%>
                </li>
            </ul>
        </div>
        <div id="paso2">
            <ul>
                <li><b>Tipo de Trámite:</b> <span id="spTipoTramite"></span></li>
                <li><b>Tipo y Número de documento:</b> <span id="spTipoNumeroDocumento"></span></li>
                <li><b>Sexo:</b> <span id="spSexo"></span></li>
                <li><b>Apellido y Nombre:</b> <span id="spApellidoNombre"></span></li>
                <li><b>Email:</b> <span id="spEmail"></span></li>
                <li><b>Fecha vencimiento:</b> <span id="spVto"></span></li>
                <li><b>Día:</b> <span id="spFecha"></span></li>
                <li><b>Hora:</b> <span id="spHora"></span></li>

            </ul>
        </div>
    </div>
    <div id="botonera">
        <input type="button" id="btnAnterior" value="<< Anterior" />
        <input type="button" id="btnConfirmar" value="Confirmar" />
        <input type="button" id="btnImprimir" value="Imprimir" />
    </div>
    </form>
    <script language="javascript">
        jQuery("#idFecha").change();
    </script>
</asp:Content>
